/* Write your styles */
*{margin: 0;padding: 0;}
ul,a{padding: 0;margin: 0;text-decoration: none;}
/*字体禁止缩放*/
body{-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: auto;100%}
/*点击input,背景高亮为0,0,0*/
input{-webkit-tap-highlight-color: rgba(0,0,0,0);}
/*input*/
input[type="tel"],input[type="button"],input[type="date"],input[type="text"],input[type="password"]{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input[type="checkbox"]{appearance:checkbox;-moz-appearance: checkbox;-webkit-appearance: checkbox;}
.am-header-default .am-header-title{color: #333333;font-size: 18px;}
.am-header-default{border-bottom: 1px solid #f2f2f2;}
.am-header-default .am-header-nav > a {color: #333;}
.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.line20{line-height: 20px;}
.line25{line-height: 25px;}
.line30{line-height: 30px;}
/*默认主色调*/
.am-header-default{background-color:#24CAA6;}
.over-ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.bg-f6f5f5{background-color:#f6f5f5 ;}
.bg-fff{background-color: #fff;}
.color-3385ff{color: #24CAA6;}
.color-999{color: #999;}
.color-888{color: #888;}
.color-666{color: #666;}
.color-fff{color: #fff;}
.color-ddd{color: #ddd;}
.flex{display: flex;}
.flex1{flex: 1;}
.width100{width: 100%;}
.ysroll{overflow:scroll;overflow-y:hidden}
.border-none{border: none !important;}
.border-tb-f2{border-top: 1px solid #F2F2F2;border-bottom: 1px solid #F2F2F2;}
.border-f2{border: 1px solid #F2F2F2;}
.border-bdc{border-bottom: 1px solid #dcdcdc;}
.over-hide{overflow: hidden;}
.wh22{width: 22% !important;padding-bottom: 22% !important;}
.borderf5{border: 1px solid #F5F5F5 !important;}
.border-topnone{border-top: none !important;}
.border-tbf6f5{border-top: 1px solid #f6f5f5 !important;border-bottom: 1px solid #f6f5f5 !important;}
/*医生端*/
/*通知list*/
.mes_list li:first-child{border-top: none;}
.mes_list li{display: flex;}
.mes_list li .img_div{width: 13%;position: relative;padding-bottom: 13%;overflow: hidden;border-radius: 4px;}
.mes_list li .img_div img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.mes_list li .cont_div{width: 78%;box-sizing: border-box;padding-left: 1rem;}
.mes_list li .cont_div{line-height: 20px;}
.zx_qtjg_div{font-size: 12px;border-radius: 30px;border: 1px solid #888;line-height: 30px;display: block;color: #888;width: 180px;margin: 20px auto;}
/*我的患者*/
.hz_bl{display: inline-block;padding: 0 3px;border: 1px solid #ddd;font-size: 10px;border-radius: 10px;margin-right: 5px;}
.hz_bl:last-child{margin-right: 0;}
.sex_icon_btn{width: 18px;height: 18px;line-height: 18px;font-size: 10px;color: #fff;background-color:#24CAA6;}
/*搜索框*/
.seach_div{width: 100%;background-color: #ddd;padding: 5px;}
.seach_divk{position: relative;width: 100%;margin: 0 auto;border: 1px solid red;padding: 0 !important;height: 30px;border-radius: 30px;border: 1px solid #fff;overflow: hidden;font-size: 12px;}
.seach_divk input{width: 100%;height: 100%;margin: 0 !important;line-height: 30px;border-radius: 30px;border: none;outline: none;padding: 0 10px;vertical-align: top !important;}
.seach_divkin{width: 100%;height: 100%;position: relative;}
.seach_divkin i{display: inline-block;width: 30px;height: 30px;float: right;top: 0;position: absolute;right: 10px;font-size: 150%;vertical-align: middle;text-align: center;display: none;}
.seach_text{position: absolute;text-align: center;color: #fff;left: 0;top: 0;width: 100%;text-align: center;z-index: 3;height: 100%;color: #ddd;line-height: 30px;}
/*底部确认按钮div*/
.btn_fixed_bottom{position: fixed;bottom: 5px;left: 0;}
.btn_fixed_bottom .am-btn{border-radius: 50px;background-color: #24CAA6;color: #fff;}
.fixed_bottom{position: fixed;bottom: 0;width: 100%;left: 0;}
/*消息内容图片最大宽度*/
.meg_div img{max-width: 100%;}
.meg_div p{text-indent: 2em;width: 100%;display: block;font-size: 14px;line-height: 25px;margin: 0;padding: 0;}
/*发布消息*/
.add_mes input{width: 100%;height: 40px;line-height: 40px;border: none;;}
.div_text{height: 200px;width: 100%;border: none;outline: none;}
.file_div{background: url("../../img/add.png") no-repeat center center;background-size: 30%;width: 20%;padding-bottom: 20%;position: relative;border:1px solid #999;}
.file_div input[type=file]{position: absolute;width: 100%;height: 100%;opacity: 0;}
/*咨询*/
.zx_tabs.am-nav-tabs > li> a{color: #888;border: none;position: relative;}
.zx_tabs.am-nav-tabs > li.am-active > a{color: #0084C7;border: none;border-bottom: 2px solid #0084C7;}
.zx_tabs.am-nav-tabs > li> a >span{position: absolute;width: 6px;height: 6px;background-color: red;border-radius: 100%;display: inline-block;}
.repliese_icon{width: 18px;height: 18px;line-height: 18px; font-size: 12px;background-color: #999;color: #fff;}
.replies_czspa{display: inline-block;border-radius: 20px;border: 1px solid #ddd;padding: 0 10px;}
.im_divs img{width: 18%;margin: 0; margin-right: 2.5%;float: left;margin-top: 5px;}
.im_divs img:nth-child(5n){margin-right: 0px;}
/*聊天消息框整体ul */
#inHtml{padding: 5px;width: 100%;position: relative;overflow: auto;}
#inHtml li{line-height:28px;overflow: hidden;position: relative;display: block;width: 100%;min-height: 30px;margin-bottom: 5px;}
#inHtml img{width:25px;height:25px;position: relative;}
#inHtml p{text-align:left;padding: 3px 5px;border-radius: 4px;color: white;max-width: 182px;font:14px 'Microsoft YaHei';margin: 0;}
.th img{float:right;margin-left:15px;}
.ds img{float:left;margin-right:15px;}
.th p{background: #98E165;float:right;}
.ds p{background: dimgrey;float:left;}
.sent1{width:0; height:0; border:solid 8px; border-color: white white white #98E165; position: absolute;right: 24px;top: 4px;}
.sent2{width:0; height:0; border:solid 8px; border-color: white dimgrey white white; position: absolute;left: 24px;top: 4px;}
/*发送*/
.main{bottom:0;border-top:1px solid #dcdcdc;position:fixed;width: 100%;display: flex;padding: 5px 10px;margin: 0;background-color: #fff;left: 0;}
#name{width:25px; height:25px; border:1px solid #dcdcdc;border-radius: 100%; padding:3px; cursor:pointer;}
#import{border-radius: 4px;height:25px; line-height:25px; border: 1px solid #b8b8b8; outline:0;padding:0 5px;
 position:relative;width: 100px;flex: 1;margin: 0 5px 0 0;resize: none;overflow-y:hidden;}
#enter{font:14px 'Microsoft YaHei';position: relative; cursor:pointer;height:25px;padding: 0 5px;line-height: 25px; background-color: orange;color: #fff;margin-left: 5px;}

.pos_rel{position: relative;}
/*患者端*/
.mes_xx_div{border: 1px solid #ddd;width:30px;height: 30px;line-height: 30px;text-align: center;border-radius: 6px;margin-top: 6%;}
.mes_xx_div2{border: 1px solid #ddd;width: 70px; height: 50px;line-height: 50px;text-align: center;border-radius: 6px;margin-top: 1%;font-size: 14px;}
.mes_xx_div2.active{color: #24CAA6;border: 1px solid #24CAA6;}
.mes_xx_div3{color: #24CAA6;border: 1px solid #24CAA6;width: 70px;font-size: 12px;text-align: center;border-radius: 10px;height: 25px;line-height: 25px;margin-top: 15px;
position: absolute;float: right;right: 10px;}
.zg_title{border-top: 1px solid #ddd !important;background-color: #24CAA6 !important;color: #fff !important;}

.border-radius6{border-radius: 6px !important;}

/*遮罩层 背景阴影*/
.zzc_bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.2);display: none;}
/*背景内容div*/
.zzc_cont{position: absolute;bottom: 0;left: 0;width: 100%;}
/*感谢金额*/
.box-sizbox{box-sizing: border-box;}
.thank_img_div{width: 15%;padding-bottom: 15%;margin-top: 0;border-radius: 100%;position: relative;overflow: hidden;}
.thank_img_div img{position: absolute;width: 100%;height: 100%;}
/*选择金额*/
.gxje_ul li{width: 23%; border:1px solid #dcdcdc;margin: 0 2.5% 0 0;box-sizing: border-box;line-height: 30px;height: 30px;}
.gxje_ul li:last-child{margin-right: 0;}
.qtmoney{border: none; border: 1px solid #dcdcdc;line-height: 30px;height: 30px;padding-left: 5px;box-sizing: border-box;}
/*选择医院*/
.hospital_div{width: 95%;left: 2.5%;bottom: 5px;height: 200px;overflow-y: scroll;}
.hospital_div::-webkit-scrollbar {display: none;}
.hospital_div li{padding: 1em;border-bottom: 1px solid #F5F5F5;text-align: center;}

/*设置 开关按钮复选框 */
.set_shtype input {position: absolute;clip: rect(0, 0, 0, 0);}
.set_shtype > input:not(:checked) ~ label:before {content: "\f204";color: #C0C0C0;}
.set_shtype > input:checked ~ label:before {content: "\f205";color: #24CAA6;}
/*单选按钮*/
.set_sf input {position: absolute;clip: rect(0, 0, 0, 0);}
.set_sf input:not(:checked) ~ label:before {content: "\e60e";color: #C0C0C0;}
.set_sf input:checked ~ label:before {content: "\e601";color: #24CAA6;}





/*新增字体*/
@font-face {font-family: 'FontAwesome';src:url('iconfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
/*单选按钮 选中*/
.icon-radio1:before { content: "\e601";}
/*单选未选中*/
.icon-radio1wx:before { content: "\e60e";}
/*√*/
.icon-check:before { content: "\e76f"; }
/*×*/
.icon-close:before {content:"\e627"}
/*握手*/
.icon-woshou:before {content:"\e62c"}
/*下拉*/
.icon-xiala:before {content:"\e60b"}
/*个人中心*/
.icon-user:before {content:"\e65a"}
/*向左箭头*/
.icon-jtleft:before {content:"\e600"}
